<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>var</title>
</head>
<body>
  <script>
    /**
     * var 的作用域分为两种，1: 函数作用域，2: 全局作用域
     * var 可以变量提升
     * var 可以重复声明变量
    */
    // 1.函数作用域
    function price () {
      var total = 200;
      console.log('inner', total);
    }
    price();
    // total is not defined,函数作用域在函数之外是访问不到的
    // console.log('out', total);

    // 2.全局作用域
    var count = 100;
    // 进行了变量提升
    console.log('变量提升', disCount)
    if (count > 20) {
      var disCount = count * 0.6; // 这里是全局作用域
    }
    console.log('disCount', disCount);
    // window是浏览器属性，在纯js文件中是不可以访问到的
    console.log('window.disCount', window.disCount);

    // 3. 重复声明变量
    var test = 1;
    var test = 4;
    console.log(111, test);
  </script>
</body>
</html>